<template>
	<gracePage statusBarBG="#EB5D4B" :headerHeight="0">
		<view slot="gHeader">
			<graceHeader background="#FFFFFF" style="height: 88rpx;">
				<view class="grace-header-body">
					<!-- 返回按钮 -->
					<view class="grace-header-icons grace-icons icon-arrow-left" @tap="goback"></view>
					<!-- 中间内容 -->
					<view class="grace-header-content-noflex" style="margin-right: 50rpx;text-align: center;color: #333333;font-size: 30rpx;">用户协议</view>
				</view>
			</graceHeader>
		</view>
		<view slot="gBody" class="grace-body" style="margin-top: 20rpx;">
			<rich-text :nodes="infoData"></rich-text>
		</view>
	</gracePage>
</template>
<script>
import gracePage from '../../graceUI/components/gracePage.vue';
import graceHeader from '../../graceUI/components/graceHeader.vue';
export default {
	data() {
		return {
			infoData:""
		};
	},
	created() {
		this.gRequest.post(
			'/posts/getpostinfo',
			{
				id: 15
			},
			'form',
			{},
			res => {
				if(res.status==1) {
					this.infoData = res.data.description
				}
			}
		);
	},
	methods: {
		goback: function() {
			uni.navigateBack({});
		},
	},
	components: {
		gracePage,
		graceHeader
	}
};
</script>
<style lang="scss" scoped>
page {
}
</style>
